// pages/mall.category/mall.category.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

    

// 左侧菜单数据
leftMenuList: 
[
  {
    cat_name: "食品",
    children: [
      

      {
        cat_name:"有机蔬果",
        children:[
          {
            cat_icon:'../../static/mall-p/有机蓝莓.jpg',
            cat_name:'有机蓝莓'
          },
          
          {
            cat_icon:'../../static/mall-p/西红柿.jpg',
            cat_name:'西红柿'
          },
          {
            cat_icon:'../../static/mall-p/绿色蔬菜.jpg',
            cat_name:'绿色蔬菜'
          },
          {
            cat_icon:'../../static/mall-p/晚秋黄梨.jpg',
            cat_name:'晚秋黄梨'
          },
          {
            cat_icon:'../../static/mall-p/玉米.jpg',
            cat_name:'玉米'
          },
          {
            cat_icon:'../../static/mall-p/有机鲜橙.jpg',
            cat_name:'鲜橙'
          },
          {
            cat_icon:'../../static/mall-p/百香果.jpg',
            cat_name:'百香果'
          },
          {
            cat_icon:'../../static/mall-p/白凤桃.jpg',
            cat_name:'白凤桃'
          },
            ]
        },

        {
          cat_name:"营养保健",
          children:[
              {
                cat_icon:'../../static/mall-p/高钙牛奶.jpg',
                cat_name:'高钙牛奶'
              },
              {
                cat_icon:'../../static/mall-p/奶粉.jpg',
                cat_name:'奶粉'
              },
              {
                cat_icon:'../../static/mall-p/大枣.jpg',
                cat_name:'大枣'
              },
              {
                cat_icon:'../../static/mall-p/人参.jpg',
                cat_name:'人参'
              },
              {
                cat_icon:'../../static/mall-p/燕麦片.jpg',
                cat_name:'燕麦片'
              },
              {
                cat_icon:'../../static/mall-p/阿胶.jpg',
                cat_name:'阿胶'
              },
              {
                cat_icon:'../../static/mall-p/蜂蜜.jpg',
                cat_name:'蜂蜜'
              },
            ]
        },

    
    
    ]
  },
  {
    cat_name: "运动",
    children: [
      {
        cat_name:"健身器材",
        children:[
            {
              cat_icon:'../../static/mall-p/sport/羽毛球.jpg',
              cat_name:'羽毛球'
            },
            {
              cat_icon:'../../static/mall-p/sport/乒乓球.jpg',
              cat_name:'乒乓球'
            },
            {
              cat_icon:'../../static/mall-p/sport/健身球.jpg',
              cat_name:'健身球'
            },
            {
              cat_icon:'../../static/mall-p/sport/门球.jpg',
              cat_name:'门球'
            },
            {
              cat_icon:'../../static/mall-p/sport/跑步机.jpg',
              cat_name:'跑步机'
            },

            {
              cat_icon:'../../static/mall-p/sport/哑铃.jpg',
              cat_name:'哑铃'
            },

            {
              cat_icon:'../../static/mall-p/sport/椭圆机.jpg',
              cat_name:'椭圆机'
            },
            
          ]
      },

      {
        cat_name:"康复辅助",
        children:[
            {
              cat_icon:'../../static/mall-p/sport/拐杖.jpg',
              cat_name:'拐杖'
            },
            {
              cat_icon:'../../static/mall-p/sport/轮椅.jpg',
              cat_name:'轮椅'
            },
          ]
      },

      {
        cat_name:"运动辅助",
        children:[
            {
              cat_icon:'../../static/mall-p/sport/双肩背包.jpg',
              cat_name:'双肩背包'
            },
            {
              cat_icon:'../../static/mall-p/sport/护膝护腕.jpg',
              cat_name:'护膝护腕'
            },
            {
              cat_icon:'../../static/mall-p/sport/运动水杯.jpg',
              cat_name:'运动水杯'
            },
            {
              cat_icon:'../../static/mall-p/sport/运动鞋.jpg',
              cat_name:'运动鞋'
            },
            {
              cat_icon:'../../static/mall-p/sport/弹力带.jpg',
              cat_name:'弹力带'
            },
          ]
      },

      
    ]
  },

  {
    cat_name: "电器",
    children: [
      {
        cat_name:"健康检测",
        children:[
            {
              cat_icon:'../../static/mall-p/sport/智能手环.jpg',
              cat_name:'智能手环'
            },
            {
              cat_icon:'../../static/mall-p/sport/血压计.jpg',
              cat_name:'血压计'
            },
            {
              cat_icon:'../../static/mall-p/sport/血糖仪.jpg',
              cat_name:'血糖仪'
            },
            
          ]
      },

      {
        cat_name:"生活便利",
        children:[
            {
              cat_icon:'../../static/mall-p/sport/扫地机器人.jpg',
              cat_name:'扫地机器人'
            },
            {
              cat_icon:'../../static/mall-p/sport/语音助手.jpg',
              cat_name:'语音机器人'
            },
            {
              cat_icon:'../../static/mall-p/sport/电饭煲.jpg',
              cat_name:'智能电饭煲'
            },
            {
              cat_icon:'../../static/mall-p/sport/空气净化器.jpg',
              cat_name:'空气净化器'
            },
            {
              cat_icon:'../../static/mall-p/sport/智能床垫.jpg',
              cat_name:'智能床垫'
            },
            {
              cat_icon:'../../static/mall-p/sport/除湿机.jpg',
              cat_name:'除湿机'
            },
          ]
      },


      
    ]
  }
  
],
    // 右侧商品
    // rightContent:[

    //     {
    //     cat_name:"有机蔬果",
    //     children:[{
    //           cat_icon:'../../static/mall-p/有机蓝莓.jpg',
    //           cat_name:'有机蓝莓'
    //         },
            
    //         {
    //           cat_icon:'../../static/mall-p/西红柿.jpg',
    //           cat_name:'西红柿'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/绿色蔬菜.jpg',
    //           cat_name:'绿色蔬菜'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/晚秋黄梨.jpg',
    //           cat_name:'晚秋黄梨'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/玉米.jpg',
    //           cat_name:'玉米'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/有机鲜橙.jpg',
    //           cat_name:'鲜橙'
    //         },
    //         ]
    //     },

    //     {
    //       cat_name:"营养保健",
    //       children:[
    //           {
    //             cat_icon:'../../static/mall-p/高钙牛奶.jpg',
    //             cat_name:'高钙牛奶'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/奶粉.jpg',
    //             cat_name:'奶粉'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/大枣.jpg',
    //             cat_name:'大枣'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/人参.jpg',
    //             cat_name:'人参'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/燕麦片.jpg',
    //             cat_name:'燕麦片'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/阿胶.jpg',
    //             cat_name:'阿胶'
    //           },
    //           {
    //             cat_icon:'../../static/mall-p/蜂蜜.jpg',
    //             cat_name:'蜂蜜'
    //           },
    //         ]
    //     },

    
    // ],


    // rightContent:
    // [
    //   {
    //     cat_name:"球类运动",
    //     children:[
    //         {
    //           cat_icon:'../../static/mall-p/羽毛球.jpg',
    //           cat_name:'羽毛球'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/乒乓球.jpg',
    //           cat_name:'乒乓球'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/排球.jpg',
    //           cat_name:'排球'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/篮球.jpg',
    //           cat_name:'篮球'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/网球.jpg',
    //           cat_name:'网球'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/棒球.jpg',
    //           cat_name:'棒球'
    //         },
    //       ]
    //   },

    //   {
    //     cat_name:"运动配件",
    //     children:[
    //         {
    //           cat_icon:'../../static/mall-p/手套.jpg',
    //           cat_name:'手套'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/双肩背包.jpg',
    //           cat_name:'双肩背包'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/挎包.jpg',
    //           cat_name:'挎包'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/护膝护腕.jpg',
    //           cat_name:'护膝护腕'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/运动水杯.jpg',
    //           cat_name:'运动水杯'
    //         },
    //         {
    //           cat_icon:'../../static/mall-p/钱包卡套.jpg',
    //           cat_name:'钱包卡套'
    //         },
    //       ]
    //   },
       
    // ],
    // 被点击的左侧菜单
    currentIndex: 0 ,
    //右侧内容的滚动条距离顶部的距离
    scrollTop: 0
  },

 // 左侧菜单的点击事件
handleItemTap(e) {
  /*
  1. 获取被点击的标签身上的索引
  2. 给data中的currentIndex赋值就可以了
  3. 根据不同的索引来渲染右侧商品内容
  */
  
  // 确保 this.leftMenuList 是一个数组
  // if (!Array.isArray(this.leftMenuList)) {
  //   console.error('leftMenuList is not an array');
  //   return;
  // }

  // // 获取被点击的标签身上的索引，并确保其为有效数字
  // const index = parseInt(e.currentTarget.dataset.index, 10);
  // if (isNaN(index) || index < 0 || index >= this.leftMenuList.length) {
  //   console.error('Invalid index:', index);
  //   // 提示用户点击的菜单项无效
  //   wx.showToast({
  //     title: '无效的菜单项',
  //     icon: 'none'
  //   });
  //   return;
  // }

  // 检查 leftMenuList[index] 是否存在
  // if (!this.leftMenuList[index]) {
  //   console.error('Invalid leftMenuList index:', index);
  //   wx.showToast({
  //     title: '无效的菜单项',
  //     icon: 'none'
  //   });
  //   return;
  // }

  // 获取当前分类的子分类或商品数据
  // let rightContent = this.leftMenuList[index].children;

  // if (!rightContent) {
  //   console.error('Invalid children for index:', index);
  //   wx.showToast({
  //     title: '无效的商品内容',
  //     icon: 'none'
  //   });
  //   return;
  // }

  // 只有在必要时才重置 scrollTop
  // const shouldResetScrollTop = this.data.currentIndex !== index;

  // this.setData({
  //   currentIndex: index,
  //   rightContent,
  //   scrollTop: shouldResetScrollTop ? 0 : this.data.scrollTop
  // });

  const { index } = e.currentTarget.dataset;
  // let rightContent = this.leftMenuList[index].children;
  this.setData({
    currentIndex: index,
    // rightContent,
    // 重新设置 右侧内容的scroll-view标签的距离顶部距离
    scrollTop: 0
  })
},

  // 滑动时触发的事件
// slideOn(e) {
//   // 拿到当前索引并动态改变
//   this.setData({
//       currrentIndex: e.detail.current
//   })
// },

// //点击tab时触发
// tabsOn(e) {
//   this.setData({
//       //拿到当前索引并动态改变
//       currrentIndex: e.currentTarget.dataset.idx
//   })
// },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 确保 leftMenuList 初始化为数组
  //   if (!Array.isArray(this.data.leftMenuList)) {
  //     this.setData({
  //       leftMenuList: [{
  //         cat_id: 0,
  //         cat_name: "食品",
  //         children: [
  //           {
  //             cat_name: "有机蔬菜",
  //             children: [
  //               { cat_icon: '../../static/mall-p/有机蓝莓.jpg', cat_name: '有机蓝莓' },
  //               { cat_icon: '../../static/mall-p/有机蓝莓.jpg', cat_name: '有机蓝莓' }
  //             ]
  //           },
  //           {
  //             cat_name: "营养补品",
  //             children: [
  //               { cat_icon: '../../static/mall-p/有机蓝莓.jpg', cat_name: '有机蓝莓' },
  //               { cat_icon: '../../static/mall-p/有机蓝莓.jpg', cat_name: '有机蓝莓' }
  //             ]
  //           }
  //         ]
  //       },
  //       {
  //         cat_id: 1,
  //         cat_name: "运动",
  //         children: []
  //       },
  //       {
  //         cat_id: 2,
  //         cat_name: "电器",
  //         children: []
  //       }]
  //     });
  //   }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})